<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分享助力</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" charset="utf-8" href="../css/style.css" />
    <link rel="stylesheet" href="../lib/layer/layer.css">
    <script src="../lib/layer/layer.js"></script>
    <script src="../lib/js/ydui.flexible.js"></script>
    <style>
        .bg{
            overflow: hidden;
        }
    </style>
</head>
<body>
<section class="bg wish_bg">
    <div class="wish_cont">
        <div class="wish_switch">
            <div class="wish_plan">
                <div class="wish_pole"></div>
                <div class="wish_cart wish_bar"></div>
                <div class="wish_swi_img">
                    <div>
                        <span>0人</span>
                        <img name="out" data-name="0" src="../images/make_d1.png" alt="未加载" />
                    </div>
                    <div>
                        <span>5人</span>
                        <img data-name="1" src="../images/make_d1.png" alt="未加载" />
                    </div>
                    <div>
                        <span>10人</span>
                        <img data-name="2" src="../images/make_d1.png" alt="未加载" />
                    </div>
                    <div>
                        <span>15人</span>
                        <img data-name="3" src="../images/make_d1.png" alt="未加载" />
                    </div>
                </div>
            </div>
        </div>
        <div class="wish-top-btn">
            <img src="../images/make_btn1.png" alt="未加载" />
            <img src="../images/make_btn2.png" alt="未加载" />
            <img src="../images/make_btn3.png" alt="未加载" />
            <img src="../images/make_btn4.png" alt="未加载" />
        </div>
        <div class="wish-btn">
            <img class="active" src="../images/wish_btn.png" alt="未加载" />
        </div>
        <div class="po-re">
            <div class="res_cont_box share_start wish_start">
                <ul class="my_list">
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                    <li class="my_item">
                        <span>小明</span>
                        <span>助力1次</span>
                        <span>2018/05/02</span>
                    </li>
                </ul>
            </div>
            <div class="img_mns wish_img_mns1">
                <img src="../images/wish_mns.png" alt="未加载"/>
            </div>
        </div>
        <div class="img_mns wish_img_mns2">
            <img src="../images/wish_mns1.png" alt="未加载"/>
        </div>
    </div>
</section>
</body>
</html>
<script src="../lib/js/zepto.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var per_num = 7;//助力人数
    var plan_num = 6.6666666;//每个人的进度
    var cont = per_num*plan_num;
    $(".wish_bar").css({width:cont+"%"}).addClass('anim_left');
});

</script>